<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>footer图标</title>
<style>
.pc{
  width:55px;
  height:50px;               
  margin:100px 100px 100px 100px;  /*外边距  上右下左*/
  border-radius: 10px; /* 圆角矩形*/
  border:1px #e8e8e8 solid;
  background: url("../images/footer图标.png") -0px -0px no-repeat;
}
.mac{
  width:55px;
  height:50px;               
  margin:-150px 100px 100px 200px;
  border-radius: 10px; 
  border:1px #e8e8e8 solid;
  background: url("../images/footer图标.png") -88px -0px no-repeat;
}
.android{
  width:55px;
  height:50px;               
  margin:-150px 100px 100px 300px;
  border-radius: 10px; 
  border:1px #e8e8e8 solid;
  background: url("../images/footer图标.png") -176px -0px no-repeat;
}
.iphone{
  width:55px;
  height:50px;               
 margin:-150px 100px 100px 400px;  
  border-radius: 10px; 
  border:1px #e8e8e8 solid;
  background: url("../images/footer图标.png") -264px -0px no-repeat;
}
</style>
</head>
<body>
 <div class="pc"></div>
 <div class="mac"></div>
 <div class="android"></div>
 <div class="iphone"></div>
</body>
</html>